<template>
	<view class="beijingse">
		<view class="" style="padding-bottom: 70rpx;">
			<view class="dingox">
				<view class="xiaobai fonweight textcenter" style="font-size: 44rpx;">认证成为陪聊官</view>
				<view class="xiaobai ershiba textcenter margin_top2">详情描述详情描述详情描述</view>
			</view>
			<view class="mainpadding" style="position: relative; top: -130rpx;">
				<view class="ffffff radius mainpadding">
					<view class="xiahuaxian">
						<view class="xiaohei ershiba fonweight">姓名</view>
						<input class="margin_top2" type="text" placeholder="请输入姓名">
					</view>
					<view class="xiahuaxian margin_top">
						<view class="xiaohei ershiba fonweight">收款账号</view>
						<input class="margin_top2" type="text" placeholder="请输入收款账号">
					</view>
					<view class="xiahuaxian margin_top">
						<view class="xiaohei ershiba fonweight">生活照上传（3-5张)</view>
						<view class="flexleft flex_wrap">
							<view class="flexcenter tpbox margin_top" v-for="item in 4">
								<image class="tjtp" src="../static/image/system/zybjt.png" mode=""></image>
							</view>
							<view class="flexcenter tpbox margin_top">
								<image class="tjtp" src="../static/image/system/tjtp.png" mode=""></image>
							</view>
						</view>
					</view>
					<view class="margin_top">
						<view class="xiaohei ershiba fonweight">上传身份证正发反面</view>
						<view class="flexbetween margin_top">
							<image class="sfzcs" src="../static/image/system/sfzzm.png" mode=""></image>
							<!-- 上传后的图片样式 -->
							<!-- <image class="sfzcs" src="../static/image/system/zybjt.png" mode=""></image> -->
							<image class="sfzcs" src="../static/image/system/sfzfm.png" mode=""></image>
						</view>
					</view>
				</view>
			</view>
		</view>
		<view class="gudingdb ffffff mainpadding">
			<view class="flexleft">
				<!-- 已选中 -->
				<view class="margin_right1">
					<u-icon name="checkmark-circle-fill" color="#2979ff" size="20"></u-icon>
				</view>
				<!-- 为选中 -->
				<!-- <view class="weixz margin_right1"></view> -->
				<view class="strongtext xiaohui">已阅览及同意
					<text class="strongtext xiaolan">协议说明</text>
				</view>
			</view>
			<view class="bigbtn margin_top" @click="tjcg">提交</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			// 跳转提交成功
			tjcg(){
				uni.navigateTo({
					url:'/pages_mypage/tijiaochengg'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.sfzcs{
		width: 303rpx;
		height: 210rpx;
	}
	.tpbox{
		width: 33.33%;
	}
	.tjtp{
		width: 199rpx;
		height: 199rpx;
	}
.dingox{
	padding: 40rpx 0 140rpx;
	background: linear-gradient(0deg, #FFFFFF 0%, #2361FF 100%);
}
</style>
